<!--精选组件-->
<template>
  <div class="jx">
    <!-- 轮播图组件 -->
    <jxlbt></jxlbt>
    <!-- 精选导航部分组件 -->
    <zjdh />
    <div class="jxnr">
      <!-- 精选内容导航组件 -->
      <jxnrdh />
      <!-- 精选内容上 -->
      <jxnrs
        v-for="(item, index) in jsnrs"
        :key="index"
        :src="item.jxnrst"
        :hs="item.title"
        :py="item.nr"
        :pe="item.ze"
        :ps="item.lx"
      />
      <div class="jxnrxx">
        <jxnrx
          v-for="(item, index) in jsnrx"
          :key="index + 4"
          :src="item.jxx"
          :hw="item.title"
          :zz="item.zz"
        />
      </div>
    </div>
  </div>
</template>

<script>
import jxlbt from "sczj/jx/jxzj/jxlbt.vue";
import zjdh from "sczj/jx/jxzj/zjdh.vue";
import jxnrdh from "sczj/jx/jxzj/jxnrdh.vue";
import jxnrs from "sczj/jx/jxzj/jxnrs.vue";
import jxnrx from "sczj/jx/jxzj/jxnrx.vue";

import { homelink } from "@/api/api.js";

export default {
  components: {
    jxlbt,
    zjdh,
    jxnrdh,
    jxnrs,
    jxnrx,
  },
  data() {
    return {
      jsnrs: [],
      jsnrx: [],
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {
    homelink("/jx", "get").then((data) => {
      // console.log(data.data.jxnrs);
      this.jsnrs = data.data.jxnrs;
      this.jsnrx = data.data.jxnrx;
    });
  },
};
</script>
<style scoped>
.jx {
  background-color: #f1f1f1;
}
.jxnr {
  padding-right: 0.1rem;
  background-color: #fff;
  padding-left: 0.1rem;
}
.jxnrxx {
  display: flex;
  justify-content: space-between;
}
</style>